﻿/// <reference path="../jquery-3.4.1.min.js" />
/// <reference path="../ArrayHelper.js" />

$(function () {
    InitBanner();
});


function InitBanner() {
    $('#banner').slider({
        imgList: [
            {
                img: '/img/temp/1.jpg',
                a: 'javascript:void(0)',
            },
            {
                img: '/img/temp/2.jpg',
                a: 'javascript:void(0)',
            },
            {
                img: '/img/temp/3.jpg',
                a: 'javascript:void(0)',
            },
            {
                img: '/img/temp/4.jpg',
                a: 'javascript:void(0)',
            },
            {
                img: '/img/temp/5.jpg',
                a: 'javascript:void(0)',
            },
        ], //图片的列表
        width: 890, //图片的宽
        height: 465, //图片的高
        isAuto: true, //是否自动轮播
        moveTime: 3000, //运动时间
        direction: 'right', //轮播的方向
        btnWidth: 30, //按钮的宽
        btnHeight: 30, //按钮的高
        spanWidth: 10, //span按钮的宽
        spanHeight: 10, //span按钮的高
        spanColor: '#fff', //span按钮的颜色
        activeSpanColor: 'red', //选中的span颜色
        btnBackgroundColor: 'rgba(0, 0, 0, 0.3)', //两侧按钮的颜色
        spanRadius: '50%', //span按钮的圆角程度
        spanMargin: 3, //span之间的距离
    })
}